<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>themes</title>
	
	<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<nav class="navbar navbar-expand-lg navbar-light bg-light">
		<div class="container">
  <a class="navbar-brand" href="#">Themes</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      
      <li class="nav-item">
        <a class="nav-link disabled" href="#">Themes</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#">About</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#">FAQ</a>
      </li>
    </ul>
    
  </div>
  </div>
</nav>

<div class="banner">
	<div class="container">
		<div class="row mb-5">
			<div class="col-12">
				<img src="img/bbb.png" alt="">
				<h3>Themes</h3>
				<p>Customize and extend</p>
				<a href="#">Explore</a>
			</div>
		</div>
	</div>
</div>


<div class="main">
	<div class="container">
		<div class="row mb-5">
			<div class="col-12 col-md-4">
				<img src="img/01.png" alt="">
				<h5>Components and examples</h5>
				<p>Each theme features new components</p>
			</div>
			<div class="col-12 col-md-4">
				<img src="img/02.png" alt="">
				<h5>Tons of variables</h5>
				<p>Theme components inherit much</p>
			</div>
			<div class="col-12 col-md-4">
				<img src="img/03.png" alt="">
				<h5>Source files and tools</h5>
				<p>Each theme features new components</p>
			</div>
		</div>
	</div>
</div>

<div class="introduction mb-5">
	<div class="container">
		<h4 class="text-center mb-5">Team</h4>
		<div class="row text-center">
			<div class="col-12 col-md-4 figure1 mb-5">
				<img src="img/avatar-fat.jpg" alt="">
				<h6>Jacob Thornton</h6>
				<p>Creator of Bootstrap,engineer at Twitter & Medium.Founder of Bumpers.</p>
				<a href="#">View GitHub</a>
			</div>
			<div class="col-12 col-md-4 figure2 mb-5">
			    <img src="img/avatar-mdo.jpg" alt="">
				<h6>Jacob Thornton</h6>
				<p>Creator of Bootstrap,engineer at Twitter & Medium.Founder of Bumpers.</p>
				<a href="#">View GitHub</a>
			</div>
			<div class="col-12 col-md-4 figure3 mb-5">
			    <img src="img/avatar-dhg.png" alt="">
				<h6>Jacob Thornton</h6>
				<p>Creator of Bootstrap,engineer at Twitter & Medium.Founder of Bumpers.</p>
				<a href="#">View GitHub</a>
			</div>
		</div>
	</div>
</div>



<div class="caveat mb-5">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-6 goods">
                <h5>C'mon,check out the themes!</h5>
                <p>Now you know what we're about,so peep the goods!</p>
            </div>
            <div class="col-12 col-md-6 explore">
                <a href="#">Explore</a>
            </div>
        </div>
    </div>
</div>



<footer>
    <div class="container">
       <div class="row mb-5">
          <div class="col-md-3"></div>
           <div class="col-md-6">
                <div class="row">
                    <div class="col-4 col-md-2"><a href="#">About</a></div>
                    <div class="col-4 col-md-2"><a href="#">Terms</a></div>
                    <div class="col-4 col-md-2"><a href="#">Privacy</a></div>
                    <div class="col-4 col-md-2"><a href="#">Licenses</a></div>
                    <div class="col-4 col-md-2"><a href="#">FAQ</a></div>
                    <div class="col-4 col-md-2"><a href="#">Bootstrap</a></div>
                </div>
            </div>
            <div class="col-md-3"></div>
        </div>
    </div>
</footer>


<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
</body>
</html>

